﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Posy.Master" AutoEventWireup="true"
    CodeBehind="Flowers.aspx.cs" Inherits="PeonyShop.Flowers" %>

<%@ Register Src="~/Controls/UCProduct.ascx" TagPrefix="UC" TagName="Product" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="JS/JQuery/Galleria/galleria-1.2.5.js" type="text/javascript"></script>
    <script src="JS/JQuery/Boxy/jquery.boxy.js" type="text/javascript"></script>
    <script src="JS/JSBuy.js" type="text/javascript"></script>

    <link href="Css/JQuery/Galleria/galleria.classic.css" rel="stylesheet" type="text/css" />
    <link href="Css/JQuery/Boxy/boxy.css" rel="stylesheet" type="text/css" />
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPHLeft" runat="server">
    <div class="logo">
        <img src="Images/Common/logo.jpg" alt="" />
    </div>
    <%--<UC:Product ID="Product" runat="server"></UC:Product>--%>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPHBody" runat="server">
    <div id="galleria">
        <%--
        <a href="Images/Flowers/image_0.jpg">
            <img rel="01_01" title="Locomotives Roundhouse" alt="Steam locomotives of the Chicago &amp; North Western Railway."
                src="Images/Flowers/image_0.jpg" link='default.aspx'>
                </a>
        <a href="Images/Flowers/image_1.jpg">
                    <img rel="02_01" title="Icebergs in the High Arctic" alt="”The debris loading isn't particularly extensive, but the color is usual.”"
                        src="Images/Flowers/image_1.jpg"></a> 
        <a href="Images/Flowers/image_2.jpg">
                            <img rel='03' title="Araña" alt="Xysticus cristatus, A Estrada, Galicia, Spain"
                                src="Images/Flowers/image_2.jpg"></a> 
         --%>
       
       <asp:Repeater ID="repFlower" runat="server">
            <ItemTemplate>
                <a href="Images/Flowers/<%# DataBinder.Eval(Container.DataItem, "ImgPath") %>">
                            <img title="<%# DataBinder.Eval(Container.DataItem, "Description") %>"
                                src="Images/Flowers/<%# DataBinder.Eval(Container.DataItem, "ImgPath") %>" alt=""/></a> 

                                <asp:Label ID="lbInfo" runat="server" Visible="false" Text='<%# DataBinder.Eval(Container.DataItem, "Id") %>'></asp:Label>
            </ItemTemplate>
       </asp:Repeater>



    </div>
   
   <%-- <img id="imgBuy" title="Click to buy current product" width='100px' style='margin-left:300px;cursor:pointer' src="Images/Common/addtocart.jpg" alt="Click to buy" />
--%>
    <!-- Bind data to Buy -->

    <asp:GridView ID="grvInfo" runat="server">
        <Columns>
            <asp:BoundField DataField="Id" />
        </Columns>
    </asp:GridView>

    <div class="id-cate" style="display:none">
        <span class="ss">01_01</span>
        <span class="ss">02_01</span>
        <span class="ss">02_02</span>
        <span class="ss">03_02</span>
    </div>

    <div class="popup-item" id="divpopip" style="display:none">
        <table>
            <tr>    
                <td>Hoa</td>
                <td>Ten loai hoa</td>
            </tr>
            <tr>    
                <td>Hoa</td>
                <td>Ten loai hoa</td>
            </tr>
            <tr>    
                <td>Hoa</td>
                <td>Ten loai hoa</td>
            </tr>
        </table>
    </div>

     <!-- END  Bind data to Buy -->

    <script type="text/javascript">
        $(document).ready(function () {
            Galleria.loadTheme('JS/JQuery/Galleria/galleria.classic.min.js');
            $('#galleria').galleria();
        });
    </script>
</asp:Content>
